.demo-scroll-bar {
	width: 100%;
	height: 500px;
	padding-top: 10px;
	overflow: hidden;
}

/* 实例可视化样式
-------------------------- */
.v-code-demo {
	padding: 0 16px;
	&__header {
		position: relative;
		height: 48px;
		&:before {
			content: "";
			position: absolute;
			left: 10%;
			top: 13px;
			width: 90%;
			border-bottom: 1px dashed #e6e7eb;
		}
	}
	&__title {
		position: absolute;
		top: 0;
		left: 0;
		width: 68px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		background: #f2f4f6;
		border-radius: 4px;
		color: #666;
	}
	&__content {

	}
}

/* 卡片布局 card-layout
-------------------------- */
.u-card-layout{
	margin-bottom: 20px;
	box-sizing: border-box;
	&-item{
		box-sizing: border-box;
		display: inline-block;
		text-align: center;
		overflow: hidden;
		&_son{
			padding: 8px 0 3px 0
		}
	}
	&-pagination{
		box-sizing: border-box;
		height: 30px;
		text-align: right;
		padding-right: 20px;
	}
}





